<template>
  <div  class="student"> 
    <h2>学生姓名: {{name}}</h2> 
    <h2>学生年龄: {{age}}</h2>   
    <button @click="sendStudentName">点我发送学生姓名给 School 组件</button>
  </div>
</template>

<script> 
  export default {
    name:'Student',
    data() {
      return { 
        name:'张三', 
        age: 18, 
      }
    }, 
    methods: {
      sendStudentName(){
        this.$bus.$emit('hello', this.name)
      }
    }
  } 
</script>
<style scoped>
  .student{
    background-color: skyblue;
    padding: 5px;
    margin-top: 30px;
  }
</style>
